<template>
  <div class="xm-loading">
    <div class="xm-triple-bounce">
      <mt-spinner  :size="100" color="rgb(100, 100, 100)" type="triple-bounce"></mt-spinner>
    </div>
  </div>
</template>
<script>
    export default {
        props: {},
        data() {
            return {};
        },
        methods: {},
        filters: {},
        created() {

        },
        mounted(){

        },
        components: {}
    };
</script>
<style lang="less"  rel="stylesheet/less" >
  .xm-loading{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
   .xm-triple-bounce{
     position: absolute;
     top: 50%;
     text-align: center;
     width: 100%;
   }
  }
</style>
